/**
 * Created by Administrator on 2017/9/25.
 */
$(function () {
	// 选择衣服颜色
	$(".color a").on("click",function () {
		$(this).siblings().find("i").removeClass();
		$(this).find("i").toggleClass("checked");
		
	})
	// 选择衣服尺码
	$(".size a").on("click",function () {
		$(this).siblings().find("i").removeClass();
		$(this).find("i").toggleClass("size-checked");
	})
	//选择购买数量
	$number=parseInt($(".number-input").val());
	// 当有自动输入的情况时
	$(".number-input").bind("input propertychange",function () {
		$number=parseInt($(this).val());
	})
	//增加购买数量
	$(".number .buttom-top").on("click",function () {
		$number++;
		$(".number-input").val($number);
	})
	// 减少购买数量
	$(".number .buttom-bot").on("click",function () {
		if($number>1){
			$number--;
			$(".number-input").val($number);
		}
	})
	//立即购买进入结算界面
		$stock=$(".stock").text();
		$(".tobuy").on("click",function () {
			if($(".color a").find("i").hasClass("checked")&&$(".size a").find("i").hasClass("size-checked")) {
				$stock--;
				// 库存减少
				$(".stock").text($stock);
				// return $stock;
				window.location.href = "cart.html";
			}else{
				alert("请选择正确的商品属性！")
			}
		})
		//加入购物车效果
			$shoppingnumber=parseInt($(".cartnum").text());
		var flag=true;
		$(".tocart").on("click",function () {
			if($(".color a").find("i").hasClass("checked")&&$(".size a").find("i").hasClass("size-checked")) {
				$stock--;
				$(".stock").text($stock);
				$shoppingnumber+=$number;
				$(".cartnum").text($shoppingnumber);
				if(flag){
					flag=false;
					var cloneImg = $(".middle-img").find("img").clone();
					cloneImg.css("position", "absolute");
					$("#middle-img").prepend(cloneImg); //cloneImg是被移动的图片
					cloneImg.animate({height: 0, width: 0, left:400, top:-800}, 1000, function () {
						flag=true;
					})
				}
			}else{
				alert("请选择正确的商品属性！")
			}
		})
	//收藏商品(背景图片切换)
	$(".collect a").on("click",function () {
		$(this).parent().toggleClass("currentclick");
	})
	//商品详情 购买咨询 商品评价切换
	$(".main-top div").on("click",function () {
		$index=$(this).index();
		$(this).addClass("active").siblings().removeClass();
		$("#main .maincontent").eq($index).css("display","block").siblings().css("display","none");
	})
	// 放大镜功能实现
	$(".middle-img").on("mousemove",function (evt) {
		var e = evt || window.event;
		$("#middle-imgArea").css("display","block");
		$("#bigArea").css("display","block");
		$x = e.pageX -$(this).offset().left - $("#middle-imgArea").width() / 2;
		$y = e.pageY - $(this).offset().top - $("#middle-imgArea").height() / 2;
		if($x<=0){
			$x=0
		}
		if($x>=$(this).width()-$("#middle-imgArea").width()){
			$x=$(this).width()-$("#middle-imgArea").width();
		}
		if ($y<=0) {
			$y = 0;
		}
		if ($y>=$(".middle-img").height()-$("#middle-imgArea").height()) {
			$y=$(".middle-img").height()-$("#middle-imgArea").height();
		}
		
		$("#middle-imgArea").css({"top":$y,"left":$x});
		//小区域往左 <---，大图就需要往右边  --->
		$("#big-Img").css({"top":-$y*3,"left":-$x*3});
	})
	$(".middle-img").on("mouseleave",function () {
		$("#middle-imgArea").css("display","none");
		$("#bigArea").css("display","none");
	})
	//发表商品评价
	$(".comment-button").on("click",function () {
	
	})
	
	
	
})